/**
* @synopsis  表单通用
* @version 1.0.0
*/

%ipt-width{
	width: rem(550);
	padding: 0 rem(10);
	font-size: rem(30);
}

input{
	border: none;
}

.mod-form{
	.form-item{
		border-bottom: 1px solid #f4f4f4;
		background-color: #fff;
		display:-moz-box; /* Firefox */
		display:-webkit-box; /* Safari and Chrome */
		display:box;
		label{
			width: rem(170);
			height: 100%;
			display: block;
			color: #333;
			font-size: rem(30);
			vertical-align: middle;
			text-align: right;
			line-height: rem(88);
		}
		input{
			line-height: rem(48);
			height: rem(48);
			padding: rem(20) 0;
			vertical-align: middle;
			border: none;
			display: block;
			width: 100%;
			-moz-box-flex:1.0; /* Firefox */
			-webkit-box-flex:1.0; /* Safari 和 Chrome */
			box-flex:1.0;
			@extend %ipt-width;
		}
		select{
			vertical-align: middle;
			display: block;
			border: none;
			background-color: #fff;
			padding: rem(20) 0;
			width: 100%;
			-moz-box-flex:1.0; /* Firefox */
			-webkit-box-flex:1.0; /* Safari 和 Chrome */
			box-flex:1.0;
			@extend %ipt-width;
		}
		textarea{
			vertical-align: top;
			min-height: rem(400);
			@extend %ipt-width;
			padding-top: rem(20);
			border: none;
			display: block;
			width: 100%;
			-moz-box-flex:1.0; /* Firefox */
			-webkit-box-flex:1.0; /* Safari 和 Chrome */
			box-flex:1.0;
		}
		.spac-1{
			letter-spacing: rem(6);
		}
	}
}


.mod-btn{
	margin-top: rem(60);
	.ui-btn{
		display: block;
		width: rem(340);
		height: rem(88);
		text-align: center;
		line-height: rem(88);
		margin: 0 auto;
		background-color: #1eaf5a;
		font-size: rem(34);
		color: #fff;
		border-radius: 50px;
	}
	.disabled{
		opacity: 0.7;
	}
	.ui-btn-block{
		width: 100%;
		display: block;
		border-radius: 0;
	}
}